:root {
  /* 主要颜色 */
  --primary-color: #722ed1;
  --primary-bg-color: #f9f0ff;
  --secondary-bg-color: #efdbff;
  --tertiary-bg-color: #d3adf7;

  /* 文字颜色 */
  --text-primary-color: #262626;
  --text-secondary-color: #595959;
  --text-disabled-color: #8c8c8c;

  /* 边框颜色 */
  --border-color: #efdbff;
  --border-light-color: #f9f0ff;

  /* 功能色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --info-color: #722ed1;

  /* 阴影 */
  --box-shadow: 0 2px 8px rgba(114, 46, 209, 0.15);

  /* 其他常用颜色 */
  --hover-color: #efdbff;
  --active-color: #d3adf7;
  --disabled-bg-color: #f9f0ff;

  /* 紫色系列 */
  --purple-1: #f9f0ff;
  --purple-2: #efdbff;
  --purple-3: #d3adf7;
  --purple-4: #b37feb;
  --purple-5: #9254de;
  --purple-6: #722ed1;
  --purple-7: #531dab;
  --purple-8: #391085;
  --purple-9: #22075e;
  --purple-10: #120338;

  /* 选中状态颜色 - 应该与背景形成鲜明对比 */
  --selected-bg-color: #d3adf7;
  --selected-text-color: #531dab;
}

/* 主题应用示例类 */
.purple-theme {
  background-color: var(--primary-bg-color);
  color: var(--text-primary-color);
}
